<div class="search">
    <mat-form-field>
        <input matInput [formControl]="CompanyFilter" placeholder="搜尋">
    </mat-form-field>
</div>
<mat-divider></mat-divider>
<div class="detail">
    <mat-card *ngFor="let item of filteredCompany; let i = index" class="card" (click)="onClickDetail(item.v3435, item.v3436)">
        <mat-card-header>
            <!-- <div mat-card-avatar class="example-header-image"></div> -->
            <mat-card-title>{{item.v3401}}：{{item.v3403}}</mat-card-title>
            <mat-card-subtitle>{{item.v3402}}</mat-card-subtitle>
        </mat-card-header>
        <!-- <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu"> -->
        <mat-card-content>
            <p>
                負責人：{{item.v3406}}
                <br> 聯絡人：{{item.v3407}}
                <br> 電話：{{item.v3412}}
                <br> 傳真：{{item.v3413}}
                <br> 手機：{{item.v3415}}
                <br> 公司地址：{{item.v3420}}
                <br> 工廠地址：{{item.v3422}}
            </p>
        </mat-card-content>
        <mat-card-actions>
            <button mat-raised-button color="primary" (click)="openUpdateDialog(item)">詳細資料</button>
            <button mat-raised-button color="primary" (click)="openDeleteDialog(item)">刪除</button>
        </mat-card-actions>
    </mat-card>
</div>